﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="DunWindow.aspx.cs" Inherits="LHWebApp.html.DunCount.DunWindow" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link rel="stylesheet" href="./css/font.css" />
    <link rel="stylesheet" href="./css/calendar.css" />
    <link rel="stylesheet" href="./css/index.css" />
    <script language="javascript" type="text/javascript" src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js" />
    <script src="js/calendar.js" type="text/javascript"></script>
    <script type="text/javascript">
//        var aa = GetQueryValue1("userClientNo");
//        var bb = GetQueryValue1("currentService");
//        alert(aa + bb);
        function GetQueryValue1(queryName) {
            var reg = new RegExp("(^|&)" + queryName + "=([^&]*)(&|$)", "i");
            var r = window.location.search.substr(1).match(reg);
            if (r != null) {
                return decodeURI(r[2]);
            } else {
                return null;
            }
        }
        // 查询
        document.getElementById("query").onclick = function () {
            console.log(11);
        };

        // 日历插件
        var select_date = document.getElementById("select_date");
        var select_month = document.getElementById("select_month");
        var now_time = new Date().toLocaleDateString().split("/").join("-");

        select_date.onclick = function () {
            document.getElementById("visible-view1").style.display = "block";
            document.getElementById("visible-view1").innerHTML = "";
            var calVisible = new Calendar({
                // 设置显示位置
                parent: "visible-view1",
                // 初始化显示时间
                time: now_time,
                // viewMode：
                // 0 - 日期模式（默认值）
                viewMode: 0,
                // 不显示切换按钮
                hasSwitcher: true,
                // 不显示页脚
                hasFooter: false,
                // 已经设置了不显示页脚，hasClock 也就无需配置了
                // hasClock: false,
                // 配置日期选择的事件处理器 onDatePick，参数如下：
                // time - 选中的日期时间
                // $el - 点击的 DOM 节点
                // calendar - 日历控件的实例
                onDatePick: function (time, $el, calendar) {
                    document.getElementById("visible-view1").style.display = "none";
                    document.getElementById("select_date").value = time;
                    // console.log("选择时间：", time);
                    // console.log("选择DOM：", $el);
                    // console.log("日历实例：", calendar);
                }
            });
        };

        select_month.onclick = function () {
            document.getElementById("visible-view2").style.display = "block";
            document.getElementById("visible-view2").innerHTML = "";
            var calVisible = new Calendar({
                parent: "visible-view2",
                time: now_time,
                viewMode: 0,
                hasSwitcher: false,
                hasFooter: false,
                onDatePick: function (time, $el, calendar) {
                    document.getElementById("visible-view2").style.display = "none";
                    document.getElementById("select_month").value = time;
                }
            });
        };
    </script>
</head>

  <body>
    <div class="popup_window">
      <div class="conditions">
        <ul>
          <form action="" style="overflow: hidden; ">
            <li><input type="radio" name="day" checked /> 今日</li>
            <li><input type="radio" name="day" /> 昨日</li>
            <li><input type="radio" name="day" /> 按日期</li>
            <li class="date_box">
              <input name="" class="select_date" id="select_date" />
              <i class="iconfont icon-rili4"></i>
              <i class="iconfont icon--triangle-top"></i>
            </li>
            <div class="demo-example" id="visible-view1"></div>
            <li>
              <select name="" id="select" value="全部">
                <option value="">全部</option>
                <option value="">全部</option>
                <option value="">全部</option>
              </select>
            </li>
            <li>
              <input
                type="button"
                id="query"
                value="查 询"
                style="padding: 0 10px; margin-top: 2px;"
              />
            </li>
            <li></li>
            <li></li>
          </form>
        </ul>
      </div>

      <div class="conditions conditions2">
        <ul style="overflow: hidden;">
          <li class="tonnage">全区处理吨数：<span>0</span> 吨</li>
          <li class="month"><input type="radio" name="day" /> 按月份</li>
          <li class="date_box">
            <input name="" id="select_month" class="select_date" />
            <i class="iconfont icon-rili4"></i>
            <i class="iconfont icon--triangle-top"></i>
          </li>
          <div class="demo-example" id="visible-view2"></div>
          <li class="current_date">2020-02-28</li>
        </ul>
      </div>

      <div class="content">
        <table cellspacing="0">
          <tr>
            <th>地区</th>
            <th
              style="border-left: 1px solid #ccc; border-right: 1px solid #ccc;"
            >
              处理吨数
            </th>
            <th></th>
          </tr>
          <tr>
            <td class="around_td">保税区</td>
            <td class="center_td">0.0</td>
            <td class="around_td"></td>
          </tr>
          <tr>
            <td class="around_td">保税区</td>
            <td class="center_td">0.0</td>
            <td class="around_td"></td>
          </tr>
          <tr>
            <td class="around_td">保税区</td>
            <td class="center_td">0.0</td>
            <td class="around_td"></td>
          </tr>

          <tr>
            <td class="around_td">保税区</td>
            <td class="center_td">0.0</td>
            <td class="around_td"></td>
          </tr>
          <tr>
            <td class="around_td">保税区</td>
            <td class="center_td">0.0</td>
            <td class="around_td"></td>
          </tr>
          <tr>
            <td class="around_td">保税区</td>
            <td class="center_td">0.0</td>
            <td class="around_td"></td>
          </tr>
        </table>
      </div>
    </div>

    
  </body>
</html>
